html{
    background:url(vbg.jpg) no-repeat;height: 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}
body{background:transparent;font-family: "Microsoft Yahei";}
.wrap {
    margin-top: 180px;
}

.btn-primary{border-radius: 2px}

.form-group input{padding-left: 40px;background-color: rgba(0,0,0,.3);border: none;color: #fff;height: 40px;line-height: 40px;border-radius: 2px}
.form-group{position: relative;}
.form-group .fa{position: absolute;left: 12px;top:15px;color: #999}

h1{color: #fff;text-shadow: 2px 2px 2px #000;}
p{color: #efefef}
.login-box{
    padding:45px 30px 30px 30px;
    background: rgba(0,0,0,.5);
    _background: 0 0;
    _border: 0;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000')}

.login-body .login-box{height: 288px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.login-logo{background-color: rgba(255,255,255,.8);height: 288px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.login-logo{padding:45px 30px 30px 30px;}
.login-logo,.login-logo *{text-align: center}
.login-body{height: 288px;-webkit-box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.5);width: 800px;margin: 0 auto}
.login-body h1{color: #000;font-size: 18px;text-shadow: 2px 2px 2px #fff;}
.login-body p{color: #333;}
.login-body p i{cursor: pointer;color: #000;position: relative;font-size: 20px;}
.weixin-qcode{position: absolute;background-color: #fff;padding: 10px;top:28px;left: -62px;display: none}
.weixin-qcode:before{content: '';border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #fff;
    position: absolute;top:-7px;left:50%;margin-left: -7px}
.login-body p i:hover .weixin-qcode{display: block}